import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'

// 导入一级组件
import Login from '@/views/Login/index.vue'
import Layout from '@/views/Layout/index.vue'

// 导入二级组件
import Home from '@/views/Home/index.vue'
import Category from '@/views/Category/index.vue'
import SubCategory from '@/views/subCategory/index.vue'
import Detail from '@/views/Detail/index.vue'
import CartList from '@/views/CartList/index.vue'

const router = createRouter({
    // history:createWebHashHistory(),
    history: createWebHistory(),
    routes: [
        {
            path: '/',
            component: Layout,
            children: [
                {
                    path: '',
                    component: Home
                },
                {
                    path: '/category/:id',
                    component: Category
                },
                {
                    path: '/category/sub/:id',
                    component: SubCategory
                },
                {
                    path: 'detail/:id',
                    component: Detail
                },
                {
                    path: 'cartlist',
                    component: CartList
                }
            ]
        },
        {
            path: '/login',
            component: Login
        },
    ],
    // 路由滚动行为定制
    scrollBehavior() {
        return {
            top: 0
        }
    }
})

export default router